<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet">

  <link rel="stylesheet" href="./css/header.css">
  <link rel="stylesheet" href="./css/main.css">
  <link rel="stylesheet" href="./css/footer.css">
  <link rel="stylesheet" href="./css/login.css">
  <link rel="stylesheet" href="./css/reset.css">
</head>

<body>
  <!-- header -->
  <div id="header">
    <div class="nav">
      <div class="wrapper">
        <ul class="nav-l">
          <li><a href="">帮助中心</a></li>
          <li><a href="">收藏</a></li>
          <li><a href="">360官网</a></li>
          <li><a href="">360智慧生活</a></li>
        </ul>
        <ul class="nav-r">
          <li><a href="javascript:;">登录</a></li>
          <li><a href="javascript:;">注册</a></li>
          <li class="iconfont"><a href="./shopping.html">&#xe606;</a></li>
        </ul>
      </div>
    </div>
    <div class="nav-search">
      <div class="wrapper">
        <ul class="logo1">
          <li><a href=""><img src="./images/logo1.png" alt=""></a></li>
          <li><a href="">新品推荐</a></li>
          <li><a href="">热卖榜单</a></li>
          <div class="search-box">
            <input type="text" class="search">
            <i class="iconfont"><a href="">&#xe62f;</a></i>
          </div>
        </ul>
        <ul class="search-samll">
          <li><a href="">记录仪</a></li>
          <li><a href="">摄像机</a></li>
          <li><a href="">路由器</a></li>
          <li><a href="">耳机</a></li>
          <li><a href="">扫地机</a></li>
          <li><a href="">智能手表</a></li>
        </ul>
      </div>
    </div>
  </div>
  <!-- main -->
  <div id="main">

    <!-- banner -->
    <div class="banner">
      <div id="carousel-example-generic" class="carousel slide" data-ride="carousel"
        style="height: 530px; position: relative;">
        <!-- Indicators -->
        <ol class="carousel-indicators">
          <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
          <li data-target="#carousel-example-generic" data-slide-to="1"></li>
          <li data-target="#carousel-example-generic" data-slide-to="2"></li>
          <li data-target="#carousel-example-generic" data-slide-to="3"></li>
          <li data-target="#carousel-example-generic" data-slide-to="4"></li>
        </ol>

        <!-- Wrapper for slides -->
        <div class="carousel-inner" role="listbox">
          <div class="item active">
            <img src="./images/banner1.webp" alt="..." style="height: 530px;">
            <div class="carousel-caption">

            </div>
          </div>
          <div class="item">
            <img src="./images/banner2.webp" alt="..." style="height: 530px;">
            <div class="carousel-caption">
            </div>
          </div>
          <div class="item">
            <img src="./images/banner3.webp" alt="..." style="height: 530px;">
            <div class="carousel-caption">
            </div>
          </div>
          <div class="item">
            <img src="./images/banner4.webp" alt="..." style="height: 530px;">
            <div class="carousel-caption">
            </div>
          </div>
          <div class="item">
            <img src="./images/banner5.webp" alt="..." style="height: 530px;">
            <div class="carousel-caption">
            </div>
          </div>
        </div>

        <!-- Controls -->
        <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev"
          style="position: absolute;left: 300px;">
          <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
          <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
          <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
          <span class="sr-only">Next</span>
        </a>
      </div>
      <!-- <img src="./images/banner1.webp" alt=""> -->
      <div class="wrapper">
        <ul class="left-nav">
          <li><a href=""><img src="./images/quanbu.png" alt=""> 全部分类</a></li>
          <li><a href="">家庭安防</a>
            <div class="block-1">
              <ul>
                <li><a href="">
                    <img src="./images/block-1.1.webp" alt="">
                    <span>摄像机</span>
                  </a></li>
                <li><a href="">
                    <img src="./images/block-1.2.webp" alt="">
                    <span>门铃</span>
                  </a></li>
                <li><a href="">
                    <img src="./images/block-1.3.webp" alt="">
                    <span>存储卡</span>
                  </a></li>
                <li><a href="">
                    <img src="./images/block-1.4.webp" alt="">
                    <span>云录卡</span>
                  </a></li>
                <li><a href="">
                    <img src="./images/block-1.5.webp" alt="">
                    <span>配件</span>
                  </a></li>
              </ul>
            </div>
          </li>
          <li><a href="">安全路由</a>
            <div class="block-2">
              <ul>
                <li><a href="">
                    <img src="./images/block-2.1.webp" alt="">
                    <span>路由器</span>
                  </a></li>
              </ul>
            </div>
          </li>
          <li><a href="">智能手表</a>
            <div class="block-3">
              <ul>
                <li><a href="">
                    <img src="./images/block-3.1.webp" alt="">
                    <span>智能手表</span>
                  </a></li>
                <li><a href="">
                    <img src="./images/block-3.2.webp" alt="">
                    <span>配件</span>
                  </a></li>
              </ul>
            </div>
          </li>
          <li><a href="">汽车用品</a>
            <div class="block-4">
              <ul>
                <li><a href="">
                    <img src="./images/block-4.1.webp" alt="">
                    <span>摄像机</span>
                  </a></li>
                <li><a href="">
                    <img src="./images/block-4.2.webp" alt="">
                    <span>门铃</span>
                  </a></li>
                <li><a href="">
                    <img src="./images/block-4.3.webp" alt="">
                    <span>存储卡</span>
                  </a></li>
                <li><a href="">
                    <img src="./images/block-4.4.webp" alt="">
                    <span>云录卡</span>
                  </a></li>
                <li><a href="">
                    <img src="./images/block-4.5.webp" alt="">
                    <span>配件</span>
                  </a></li>
              </ul>
            </div>
          </li>
          <li><a href="">扫地机器人</a>
            <div class="block-5">
              <ul>
                <li><a href="">
                    <img src="./images/block-5.1.webp" alt="">
                    <span>X95礼盒版</span>
                  </a></li>
                <li><a href="">
                    <img src="./images/block-5.2.webp" alt="">
                    <span>C50</span>
                  </a></li>
                <li><a href="">
                    <img src="./images/block-5.3.webp" alt="">
                    <span>X100 MAX</span>
                  </a></li>
                <li><a href="">
                    <img src="./images/block-5.4.webp" alt="">
                    <span>洗地机F100</span>
                  </a></li>
              </ul>
            </div>
          </li>
          <li><a href="">影音生活</a>
            <div class="block-6">
              <ul>
                <li><a href="">
                    <img src="./images/block-6.1.webp" alt="">
                    <span>无线耳机</span>
                  </a></li>
                <li><a href="">
                    <img src="./images/block-6.2.webp" alt="">
                    <span>运动耳机</span>
                  </a></li>
              </ul>
            </div>
          </li>
          <li><a href="">生态产品</a>
            <div class="block-7">
              <ul>
                <li><a href="">
                    <img src="./images/block-7.1.webp" alt="">
                    <span>平衡车</span>
                  </a></li>
                <li><a href="">
                    <img src="./images/block-7.2.webp" alt="">
                    <span>手写板</span>
                  </a></li>
                <li><a href="">
                    <img src="./images/block-7.3.webp" alt="">
                    <span>其它</span>
                  </a></li>
              </ul>
            </div>
          </li>
        </ul>
      </div>
    </div>

    <!-- fixed-left -->
    <ul class="fixed-left">
      <a href="javascript:;" class="active" data-title="body0">热门活动</a>
      <a href="javascript:;" data-title="body1">家庭安防</a>
      <a href="javascript:;" data-title="body2">安全路由</a>
      <a href="javascript:;" data-title="body3">行车安全</a>
      <a href="javascript:;" data-title="body4">扫地机器人</a>
      <a href="javascript:;" data-title="body5">智能守护</a>
      <a href="javascript:;" data-title="body6">生态互联</a>
      <a href="javascript:;" data-title="body7">更多商品</a>
    </ul>

    <!-- fixed-right -->
    <div class="fixed-right">
      <div>
        <a href="">
          <div>意见反馈</div>
        </a>
        <a href="">
          <div>
            <img src="./images/weixin.png" alt="">
            <span>
              关注公众号
            </span>
          </div>
        </a>
        <a href="">
          <div>在线客服</div>
        </a>
      </div>
      <div>
        <a href=""></a>
        <a href="">
          <div>回到顶部</div>
        </a>
      </div>
    </div>
    <!-- main-body -->
    <div class="main-body">
      <div class="wrapper">
        <h6>热门活动</h6>
        <!-- box1 -->
        <div class="floor-body0">
          <a href=""><img src="./images/box1.1.webp" alt=""></a>
          <a href=""><img src="./images/box1.2.webp" alt=""></a>
          <a href=""><img src="./images/box1.1.webp" alt=""></a>
          <a href=""><img src="./images/box1.2.webp" alt=""></a>
        </div>
        <!-- box2 -->
        <a href=""><img src="./images/box2.3.webp" alt=""></a>
        <span class="span1">家庭安防</span>
        <span class="span2"><a href="">全部>></a></span>
        <div class="floor-body1">
          <a class="div1">
            <img src="./images/box2.1.webp" alt="">
          </a>
          <a class="div2">
            <p>爆款</p>
            <img src="./images/box2.2.webp" alt="">
            <p class="p2">360可视门铃5pro AR1C</p>
            <p class="p3">2K超清画质 166°超广视角</p>
            <p class="p4"><span>￥399</span> <span>￥429</span></p>
          </a>
          <a class="div3">
            <p>爆款</p>
            <img src="./images/box2.2.webp" alt="">
            <p class="p2">360可视门铃5pro AR1C</p>
            <p class="p3">2K超清画质 166°超广视角</p>
            <p class="p4"><span>￥399</span> <span>￥429</span></p>
          </a>
          <a href="./details.html"  class="div4">
            <p>爆款</p>
            <img src="./images/box2.2.webp" alt="">
            <p class="p2">360可视门铃5pro AR1C</p>
            <p class="p3">2K超清画质 166°超广视角</p>
            <p class="p4"><span>￥399</span> <span>￥429</span></p>
          </a>
          <a class="div5">
            <p>爆款</p>
            <img src="./images/box2.2.webp" alt="">
            <p class="p2">360可视门铃5pro AR1C</p>
            <p class="p3">2K超清画质 166°超广视角</p>
            <p class="p4"><span>￥399</span> <span>￥429</span></p>
          </a>
          <a class="div6">
            <p>爆款</p>
            <img src="./images/box2.2.webp" alt="">
            <p class="p2">360可视门铃5pro AR1C</p>
            <p class="p3">2K超清画质 166°超广视角</p>
            <p class="p4"><span>￥399</span> <span>￥429</span></p>
          </a>
          <a class="div7">
            <p>爆款</p>
            <img src="./images/box2.2.webp" alt="">
            <p class="p2">360可视门铃5pro AR1C</p>
            <p class="p3">2K超清画质 166°超广视角</p>
            <p class="p4"><span>￥399</span> <span>￥429</span></p>
          </a>
          </a> 
        </div>
        <!-- box3 -->
        <a href=""><img src="./images/box3.3.webp" alt=""></a>
        <span class="span1">安全路由</span>
        <span class="span2"><a href="">全部>></a></span>
        <div class="floor-body2">
          <a class="div1">
            <img src="./images/box3.1.webp" alt="">
          </a>
          <a class="div2">
            <p>爆款</p>
            <img src="./images/box3.2.webp" alt="">
            <p class="p2">360可视门铃5pro AR1C</p>
            <p class="p3">2K超清画质 166°超广视角</p>
            <p class="p4"><span>￥399</span> <span>￥429</span></p>
          </a>
          <a class="div3">
            <p>爆款</p>
            <img src="./images/box3.2.webp" alt="">
            <p class="p2">360可视门铃5pro AR1C</p>
            <p class="p3">2K超清画质 166°超广视角</p>
            <p class="p4"><span>￥399</span> <span>￥429</span></p>
          </a>
          <a class="div4">
            <p>爆款</p>
            <img src="./images/box3.2.webp" alt="">
            <p class="p2">360可视门铃5pro AR1C</p>
            <p class="p3">2K超清画质 166°超广视角</p>
            <p class="p4"><span>￥399</span> <span>￥429</span></p>
          </a>
          <a class="div5">
            <p>爆款</p>
            <img src="./images/box3.2.webp" alt="">
            <p class="p2">360可视门铃5pro AR1C</p>
            <p class="p3">2K超清画质 166°超广视角</p>
            <p class="p4"><span>￥399</span> <span>￥429</span></p>
          </a>
          <a class="div6">
            <p>爆款</p>
            <img src="./images/box3.2.webp" alt="">
            <p class="p2">360可视门铃5pro AR1C</p>
            <p class="p3">2K超清画质 166°超广视角</p>
            <p class="p4"><span>￥399</span> <span>￥429</span></p>
          </a>
          <a class="div7">
            <p>爆款</p>
            <img src="./images/box3.2.webp" alt="">
            <p class="p2">360可视门铃5pro AR1C</p>
            <p class="p3">2K超清画质 166°超广视角</p>
            <p class="p4"><span>￥399</span> <span>￥429</span></p>
          </a>
          </a>
        </div>
        <!-- box4 -->
        <a href=""><img src="./images/box4.3.webp" alt=""></a>
        <span class="span1">行车安全</span>
        <span class="span2"><a href="">全部>></a></span>
        <div class="floor-body3">
          <a class="div1">
            <img src="./images/box4.1.webp" alt="">
          </a>
          <a class="div2">
            <p>爆款</p>
            <img src="./images/box4.2.webp" alt="">
            <p class="p2">360可视门铃5pro AR1C</p>
            <p class="p3">2K超清画质 166°超广视角</p>
            <p class="p4"><span>￥399</span> <span>￥429</span></p>
          </a>
          <a class="div3">
            <p>爆款</p>
            <img src="./images/box4.2.webp" alt="">
            <p class="p2">360可视门铃5pro AR1C</p>
            <p class="p3">2K超清画质 166°超广视角</p>
            <p class="p4"><span>￥399</span> <span>￥429</span></p>
          </a>
          <a class="div4">
            <p>爆款</p>
            <img src="./images/box4.2.webp" alt="">
            <p class="p2">360可视门铃5pro AR1C</p>
            <p class="p3">2K超清画质 166°超广视角</p>
            <p class="p4"><span>￥399</span> <span>￥429</span></p>
          </a>
          <a class="div5">
            <p>爆款</p>
            <img src="./images/box4.2.webp" alt="">
            <p class="p2">360可视门铃5pro AR1C</p>
            <p class="p3">2K超清画质 166°超广视角</p>
            <p class="p4"><span>￥399</span> <span>￥429</span></p>
          </a>
          <a class="div6">
            <p>爆款</p>
            <img src="./images/box4.2.webp" alt="">
            <p class="p2">360可视门铃5pro AR1C</p>
            <p class="p3">2K超清画质 166°超广视角</p>
            <p class="p4"><span>￥399</span> <span>￥429</span></p>
          </a>
          <a class="div7">
            <p>爆款</p>
            <img src="./images/box4.2.webp" alt="">
            <p class="p2">360可视门铃5pro AR1C</p>
            <p class="p3">2K超清画质 166°超广视角</p>
            <p class="p4"><span>￥399</span> <span>￥429</span></p>
          </a>
          </a>
        </div>
        <!-- box5 -->
        <a href=""><img src="./images/box5.3.webp" alt=""></a>
        <span class="span1">扫地机器人</span>
        <span class="span2"><a href="">全部>></a></span>
        <div class="floor-body4">
          <a class="div1">
            <img src="./images/box5.1.webp" alt="">
          </a>
          <a class="div2">
            <p>爆款</p>
            <img src="./images/box5.2.webp" alt="">
            <p class="p2">360可视门铃5pro AR1C</p>
            <p class="p3">2K超清画质 166°超广视角</p>
            <p class="p4"><span>￥399</span> <span>￥429</span></p>
          </a>
          <a class="div3">
            <p>爆款</p>
            <img src="./images/box5.2.webp" alt="">
            <p class="p2">360可视门铃5pro AR1C</p>
            <p class="p3">2K超清画质 166°超广视角</p>
            <p class="p4"><span>￥399</span> <span>￥429</span></p>
          </a>
          <a class="div4">
            <p>爆款</p>
            <img src="./images/box5.2.webp" alt="">
            <p class="p2">360可视门铃5pro AR1C</p>
            <p class="p3">2K超清画质 166°超广视角</p>
            <p class="p4"><span>￥399</span> <span>￥429</span></p>
          </a>
          <a class="div5">
            <p>爆款</p>
            <img src="./images/box5.2.webp" alt="">
            <p class="p2">360可视门铃5pro AR1C</p>
            <p class="p3">2K超清画质 166°超广视角</p>
            <p class="p4"><span>￥399</span> <span>￥429</span></p>
          </a>
          <a class="div6">
            <p>爆款</p>
            <img src="./images/box5.2.webp" alt="">
            <p class="p2">360可视门铃5pro AR1C</p>
            <p class="p3">2K超清画质 166°超广视角</p>
            <p class="p4"><span>￥399</span> <span>￥429</span></p>
          </a>
          <a class="div7">
            <p>爆款</p>
            <img src="./images/box5.2.webp" alt="">
            <p class="p2">360可视门铃5pro AR1C</p>
            <p class="p3">2K超清画质 166°超广视角</p>
            <p class="p4"><span>￥399</span> <span>￥429</span></p>
          </a>
          </a>
        </div>
        <!-- box6 -->
        <a href=""><img src="./images/box6.3.webp" alt=""></a>
        <span class="span1">智能守护</span>
        <span class="span2"><a href="">全部>></a></span>
        <div class="floor-body5">
          <a class="div1">
            <img src="./images/box6.1.webp" alt="">
          </a>
          <a class="div2">
            <p>爆款</p>
            <img src="./images/box6.2.webp" alt="">
            <p class="p2">360可视门铃5pro AR1C</p>
            <p class="p3">2K超清画质 166°超广视角</p>
            <p class="p4"><span>￥399</span> <span>￥429</span></p>
          </a>
          <a class="div3">
            <p>爆款</p>
            <img src="./images/box6.2.webp" alt="">
            <p class="p2">360可视门铃5pro AR1C</p>
            <p class="p3">2K超清画质 166°超广视角</p>
            <p class="p4"><span>￥399</span> <span>￥429</span></p>
          </a>
          <a class="div4">
            <p>爆款</p>
            <img src="./images/box6.2.webp" alt="">
            <p class="p2">360可视门铃5pro AR1C</p>
            <p class="p3">2K超清画质 166°超广视角</p>
            <p class="p4"><span>￥399</span> <span>￥429</span></p>
          </a>
          <a class="div5">
            <p>爆款</p>
            <img src="./images/box6.2.webp" alt="">
            <p class="p2">360可视门铃5pro AR1C</p>
            <p class="p3">2K超清画质 166°超广视角</p>
            <p class="p4"><span>￥399</span> <span>￥429</span></p>
          </a>
          <a class="div6">
            <p>爆款</p>
            <img src="./images/box6.2.webp" alt="">
            <p class="p2">360可视门铃5pro AR1C</p>
            <p class="p3">2K超清画质 166°超广视角</p>
            <p class="p4"><span>￥399</span> <span>￥429</span></p>
          </a>
          <a class="div7">
            <p>爆款</p>
            <img src="./images/box6.2.webp" alt="">
            <p class="p2">360可视门铃5pro AR1C</p>
            <p class="p3">2K超清画质 166°超广视角</p>
            <p class="p4"><span>￥399</span> <span>￥429</span></p>
          </a>
          </a>
        </div>
        <!-- box7 -->
        <a href=""><img src="./images/box7.3.webp" alt=""></a>
        <span class="span1">生态互联</span>
        <span class="span2"><a href="">全部>></a></span>
        <div class="floor-body6">
          <a class="div1">
            <img src="./images/box7.1.webp" alt="">
          </a>
          <a class="div2">
            <p>爆款</p>
            <img src="./images/box7.2.webp" alt="">
            <p class="p2">360可视门铃5pro AR1C</p>
            <p class="p3">2K超清画质 166°超广视角</p>
            <p class="p4"><span>￥399</span> <span>￥429</span></p>
          </a>
          <a class="div3">
            <p>爆款</p>
            <img src="./images/box7.2.webp" alt="">
            <p class="p2">360可视门铃5pro AR1C</p>
            <p class="p3">2K超清画质 166°超广视角</p>
            <p class="p4"><span>￥399</span> <span>￥429</span></p>
          </a>
          <a class="div4">
            <p>爆款</p>
            <img src="./images/box7.2.webp" alt="">
            <p class="p2">360可视门铃5pro AR1C</p>
            <p class="p3">2K超清画质 166°超广视角</p>
            <p class="p4"><span>￥399</span> <span>￥429</span></p>
          </a>
          <a class="div5">
            <p>爆款</p>
            <img src="./images/box7.2.webp" alt="">
            <p class="p2">360可视门铃5pro AR1C</p>
            <p class="p3">2K超清画质 166°超广视角</p>
            <p class="p4"><span>￥399</span> <span>￥429</span></p>
          </a>
          <a class="div6">
            <p>爆款</p>
            <img src="./images/box7.2.webp" alt="">
            <p class="p2">360可视门铃5pro AR1C</p>
            <p class="p3">2K超清画质 166°超广视角</p>
            <p class="p4"><span>￥399</span> <span>￥429</span></p>
          </a>
          <a class="div7">
            <p>爆款</p>
            <img src="./images/box7.2.webp" alt="">
            <p class="p2">360可视门铃5pro AR1C</p>
            <p class="p3">2K超清画质 166°超广视角</p>
            <p class="p4"><span>￥399</span> <span>￥429</span></p>
          </a>
          </a>
        </div>
        <!-- box8 -->
        <a href=""><img src="./images/box8.3.webp" alt=""></a>
        <span class="span1">更多商品</span>
        <div class="floor-body7">
          <a>
            <img src="./images/box8.1.webp" alt="">
            <p class="p2">360智能摄像机小水滴5C 2K高清版AC1P</p>
            <p class="p3">￥149</p>
            <p class="p4">直降</p>
          </a>
          <a>
            <img src="./images/box8.2.webp" alt="">
            <p class="p2">360智能摄像机小水滴5C 2K高清版AC1P</p>
            <p class="p3">￥149</p>
            <p class="p4">直降</p>
          </a>
          <a>
            <img src="./images/box8.1.webp" alt="">
            <p class="p2">360智能摄像机小水滴5C 2K高清版AC1P</p>
            <p class="p3">￥149</p>
            <p class="p4">直降</p>
          </a>
          <a>
            <img src="./images/box8.2.webp" alt="">
            <p class="p2">360智能摄像机小水滴5C 2K高清版AC1P</p>
            <p class="p3">￥149</p>
            <p class="p4">直降</p>
          </a>
          <a>
            <img src="./images/box8.1.webp" alt="">
            <p class="p2">360智能摄像机小水滴5C 2K高清版AC1P</p>
            <p class="p3">￥149</p>
            <p class="p4">直降</p>
          </a>
        </div>
        <div class="floor-footer">
          <a>
            <img src="./images/box8.2.webp" alt="">
            <p class="p2">360智能摄像机小水滴5C 2K高清版AC1P</p>
            <p class="p3">￥149</p>
            <p class="p4">直降</p>
          </a>
          <a>
            <img src="./images/box8.1.webp" alt="">
            <p class="p2">360智能摄像机小水滴5C 2K高清版AC1P</p>
            <p class="p3">￥149</p>
            <p class="p4">直降</p>
          </a>
          <a>
            <img src="./images/box8.2.webp" alt="">
            <p class="p2">360智能摄像机小水滴5C 2K高清版AC1P</p>
            <p class="p3">￥149</p>
            <p class="p4">直降</p>
          </a>
          <a>
            <img src="./images/box8.1.webp" alt="">
            <p class="p2">360智能摄像机小水滴5C 2K高清版AC1P</p>
            <p class="p3">￥149</p>
            <p class="p4">直降</p>
          </a>
          <a>
            <img src="./images/box8.2.webp" alt="">
            <p class="p2">360智能摄像机小水滴5C 2K高清版AC1P</p>
            <p class="p3">￥149</p>
            <p class="p4">直降</p>
          </a>
        </div>
        <div class="floor-footer">
          <a>
            <img src="./images/box8.1.webp" alt="">
            <p class="p2">360智能摄像机小水滴5C 2K高清版AC1P</p>
            <p class="p3">￥149</p>
            <p class="p4">直降</p>
          </a>
          <a>
            <img src="./images/box8.2.webp" alt="">
            <p class="p2">360智能摄像机小水滴5C 2K高清版AC1P</p>
            <p class="p3">￥149</p>
            <p class="p4">直降</p>
          </a>
          <a>
            <img src="./images/box8.1.webp" alt="">
            <p class="p2">360智能摄像机小水滴5C 2K高清版AC1P</p>
            <p class="p3">￥149</p>
            <p class="p4">直降</p>
          </a>
          <a>
            <img src="./images/box8.2.webp" alt="">
            <p class="p2">360智能摄像机小水滴5C 2K高清版AC1P</p>
            <p class="p3">￥149</p>
            <p class="p4">直降</p>
          </a>
          <a>
            <img src="./images/box8.1.webp" alt="">
            <p class="p2">360智能摄像机小水滴5C 2K高清版AC1P</p>
            <p class="p3">￥149</p>
            <p class="p4">直降</p>
          </a>
        </div>
        <div class="floor-footer">
          <a>
            <img src="./images/box8.2.webp" alt="">
            <p class="p2">360智能摄像机小水滴5C 2K高清版AC1P</p>
            <p class="p3">￥149</p>
            <p class="p4">直降</p>
          </a>
          <a>
            <img src="./images/box8.1.webp" alt="">
            <p class="p2">360智能摄像机小水滴5C 2K高清版AC1P</p>
            <p class="p3">￥149</p>
            <p class="p4">直降</p>
          </a>
          <a>
            <img src="./images/box8.2.webp" alt="">
            <p class="p2">360智能摄像机小水滴5C 2K高清版AC1P</p>
            <p class="p3">￥149</p>
            <p class="p4">直降</p>
          </a>
          <a>
            <img src="./images/box8.1.webp" alt="">
            <p class="p2">360智能摄像机小水滴5C 2K高清版AC1P</p>
            <p class="p3">￥149</p>
            <p class="p4">直降</p>
          </a>
          <a>
            <img src="./images/box8.2.webp" alt="">
            <p class="p2">360智能摄像机小水滴5C 2K高清版AC1P</p>
            <p class="p3">￥149</p>
            <p class="p4">直降</p>
          </a>
        </div>
        <div class="floor-footer">
          <a>
            <img src="./images/box8.1.webp" alt="">
            <p class="p2">360智能摄像机小水滴5C 2K高清版AC1P</p>
            <p class="p3">￥149</p>
            <p class="p4">直降</p>
          </a>
          <a>
            <img src="./images/box8.2.webp" alt="">
            <p class="p2">360智能摄像机小水滴5C 2K高清版AC1P</p>
            <p class="p3">￥149</p>
            <p class="p4">直降</p>
          </a>
          <a>
            <img src="./images/box8.1.webp" alt="">
            <p class="p2">360智能摄像机小水滴5C 2K高清版AC1P</p>
            <p class="p3">￥149</p>
            <p class="p4">直降</p>
          </a>
          <a>
            <img src="./images/box8.2.webp" alt="">
            <p class="p2">360智能摄像机小水滴5C 2K高清版AC1P</p>
            <p class="p3">￥149</p>
            <p class="p4">直降</p>
          </a>
          <a>
            <img src="./images/box8.1.webp" alt="">
            <p class="p2">360智能摄像机小水滴5C 2K高清版AC1P</p>
            <p class="p3">￥149</p>
            <p class="p4">直降</p>
          </a>
        </div>
        <div class="floor-footer">
          <a>
            <img src="./images/box8.2.webp" alt="">
            <p class="p2">360智能摄像机小水滴5C 2K高清版AC1P</p>
            <p class="p3">￥149</p>
            <p class="p4">直降</p>
          </a>
          <a>
            <img src="./images/box8.1.webp" alt="">
            <p class="p2">360智能摄像机小水滴5C 2K高清版AC1P</p>
            <p class="p3">￥149</p>
            <p class="p4">直降</p>
          </a>
          <a>
            <img src="./images/box8.2.webp" alt="">
            <p class="p2">360智能摄像机小水滴5C 2K高清版AC1P</p>
            <p class="p3">￥149</p>
            <p class="p4">直降</p>
          </a>
          <a>
            <img src="./images/box8.1.webp" alt="">
            <p class="p2">360智能摄像机小水滴5C 2K高清版AC1P</p>
            <p class="p3">￥149</p>
            <p class="p4">直降</p>
          </a>
          <a>
            <img src="./images/box8.2.webp" alt="">
            <p class="p2">360智能摄像机小水滴5C 2K高清版AC1P</p>
            <p class="p3">￥149</p>
            <p class="p4">直降</p>
          </a>
        </div>
        <div class="floor-footer">
          <a>
            <img src="./images/box8.1.webp" alt="">
            <p class="p2">360智能摄像机小水滴5C 2K高清版AC1P</p>
            <p class="p3">￥149</p>
            <p class="p4">直降</p>
          </a>
          <a>
            <img src="./images/box8.2.webp" alt="">
            <p class="p2">360智能摄像机小水滴5C 2K高清版AC1P</p>
            <p class="p3">￥149</p>
            <p class="p4">直降</p>
          </a>
          <a>
            <img src="./images/box8.1.webp" alt="">
            <p class="p2">360智能摄像机小水滴5C 2K高清版AC1P</p>
            <p class="p3">￥149</p>
            <p class="p4">直降</p>
          </a>
          <a>
            <img src="./images/box8.2.webp" alt="">
            <p class="p2">360智能摄像机小水滴5C 2K高清版AC1P</p>
            <p class="p3">￥149</p>
            <p class="p4">直降</p>
          </a>
          <a>
            <img src="./images/box8.1.webp" alt="">
            <p class="p2">360智能摄像机小水滴5C 2K高清版AC1P</p>
            <p class="p3">￥149</p>
            <p class="p4">直降</p>
          </a>
        </div>
        <div class="floor-text"><span>我已经陪你到底了</span></div>
      </div>

      <!-- main-floor -->
      <div class="main-floor">
        <div class="wrapper">
          <div class="footer-box1">
            <p>关于商城</p>
            <p>360商城是奇虎360公司的官方电商平台, 主要经营360安全智能设备, 以及相关领域消费品。提供最新的360智能设备, 最贴心的售后服务, 360社区一手评测咨询, 享受360安全、安心、放心的购物体验。
            </p>
            <div>
              <span>关于我们</span>
              <span class="iconfont">&#xe607;
                <a href=""><img src="./images/weixin.png" alt=""></a>
              </span>
              <a href="" class="iconfont">&#xe65a;
                <span><img src="./images/weobo.png" alt=""></span>
              </a>
            </div>
          </div>
          <div class="footer-box2">
            <p>售后服务</p>
            <a href="">7日无理由退货</a>
            <a href="">质量问题15日内换货</a>
            <a href="">保修条款</a>
            <a href="">服务流程</a>
            <a href="">许可协议</a>
            <a href="">隐私政策</a>
          </div>
          <div class="footer-box2">
            <p>帮助中心</p>
            <a href="">用户注册</a>
            <a href="">会员说明</a>
            <a href="">登录与密码找回</a>
            <a href="">购买指南</a>
            <a href="">支付方式</a>
            <a href="">配送与说明</a>
          </div>
          <div class="footer-box3">
            <p>联系我们</p>
            <p>400-6822-360</p>
            <p>周一至周日 9:00-18:00(仅收市话费)</p>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- footer -->
  <div id="footer">
    <div class="wrapper">
      <div class="box-top">
        <a href=""><span class="iconfont">&#xe60f;</span>7天无理由退货</a>
        <a href=""><span class="iconfont">&#xe608;</span>15天免费换货</a>
        <a href=""><span class="iconfont">&#xe87f;</span>满99元包邮</a>
      </div>
      <div class="box-bottom">
        <p> ©2019-2021 mall.360.cn版权所有 </p>
        <p><a href="">京ICP备08010314号-6</a>
          <a href=""> 营业执照 </a></p>
        <p>公司名称：北京视觉世界科技有限公司 | 社会统一信用代码：91110105336460203N |<a href="">食品经营许可证</a>
          <br>
          公司地址：北京市朝阳区酒仙桥路6号院2号楼1至17层102号内5层501 | 联系方式：400-6822-360
        </p>
      </div>
    </div>
  </div>
  <!-- mask -->
  <div class="mask"></div>
  <!-- login -->
  <div class="login-note">
    <div class="note-top">
      <div class="active">短信验证</div>
      <span></span>
      <span class="iconfont">&#xe612;</span>
      <div>360账号登录</div>
    </div>
    <div class="note-bottom">
      <div>
        <div class="phone">
          <input type="text" placeholder="手机号">
        </div>
        <div class="code">
          <input type="text" placeholder="短信验证码">
        </div>
        <span>获取验证码</span>
        <div class="enter">
          <input type="sumbit" value="登录">
        </div>
        <div class="login-text">
          <a href="">快速注册</a>
          <a href="">找回密码</a>
        </div>
      </div>
    </div>
  </div>
  <div class="login-360">
    <div class="note-top">
      <div>短信验证</div>
      <span></span>
      <span class="iconfont">&#xe612;</span>
      <div class="active">360账号登录</div>
    </div>
    <div class="note-bottom">
      <div>
        <div class="phone-email">
          <input type="text" placeholder="手机号/用户/邮箱">
        </div>
        <div class="password">
          <input type="password" placeholder="密码">
        </div>
        <div class="enter">
          <input type="sumbit" value="登录">
        </div>
        <div class="login-text">
          <a href="">快速注册</a>
          <a href="">找回密码</a>
        </div>
      </div>
    </div>
  </div>
  <div class="register">
    <div class="register-top">
      <div>手机号注册</div>
      <span class="iconfont">&#xe612;</span>
    </div>
    <div class="register-bottom">
      <div class="register-bottom-t">
        <div>
          <input type="tel" placeholder="手机号">
        </div>
        <div>
          <input type="text" placeholder="验证码">
          <img src="" alt="">
          <span>换一张</span>
        </div>
        <div>
          <input type="text" placeholder="短信验证码">
          <span>获取验证码</span>
        </div>
        <div>
          <input type="password" placeholder="密码(8-20个字符)">
        </div>
      </div>
      <div class="register-bottom-b">
        <div>
          <input type="checkbox">阅读并同意<a href="">《360用户服务条款》</a>和<a href="">《360用户服务隐私政策》</a>
        </div>
        <div>
          <input type="submit" value="注册">
        </div>
        <span>已有账号，<a href="">直接登录</a></span>
      </div>
    </div>
  </div>
</body>

</html>
<script src="./javascripts/fixed-left.js"></script>
<script src="./javascripts/login.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script>
<script src="./javascripts/jquery.js"></script>
<script src="./javascripts/require.js" data-main="./javascripts/index.js"></script>